<template>
  <div>
    <!-- <h3>child组件 -- {{ value }}</h3> -->
    <h3>child组件 -- {{ title }}</h3>
    <!-- <button @click="$emit('input', Date.now())">修改value数据</button> -->
    <button @click="$emit('change', Date.now())">修改value数据</button>


    <xw-input v-model="title"></xw-input>
  </div>
</template>

<script>
export default {
  // props: ['value'],
  props: ['title'],
  model: {
    // 修改v-model中的绑定的属性名称,默认为value
    prop: 'title',
    // 修改v-model它的自定义事件的名称，默认为input
    event: 'change'
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped></style>
